<template>
    <button class="myBtn" :disabled="disabled">
        {{text}}<slot/>
    </button>
</template>

<script>
export default {
    props:{
        disabled:{
            type:Boolean,
            default:()=>false
        },
        text:{
            type:String,
            default:''
        }
    },
    methods:{
        
    }
}
</script>

<style lang="scss" scoped>
    .myBtn{
        display: block;
        width: 100%;
        height: 80px;
        line-height: 80px;
        background: linear-gradient(180deg, #FFFFFF 0%, #788F8F 100%);
        border-radius: 10px 10px 10px 10px;
        opacity: 1;
        border: 0;
        font-weight: bold;
        color: #0E6161;
        font-size: 30px;
        &:active{
            background: #f3e4be;
        }
        &:disabled{
            background: #f2f2f2;
            color: #999999;
        }
        &.minBtn{
            height: 56px;
            line-height: 56px;
        }
    }
</style>